<div class="map" style="width: 600px; height: 400px;"></div>
<script src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
<script>
    //定义地图中心点坐标
    var center = new TMap.LatLng(39.984120, 116.307484)
    //定义map变量，调用 TMap.Map() 构造函数创建地图
    var map = new TMap.Map(document.querySelector('.map'), {
        center: center,//设置地图中心点坐标
        zoom: 6,   //设置地图缩放级别
        pitch: 43.5,  //设置俯仰角
        rotation: 45    //设置地图旋转角度
    });


        //初始化marker
        var marker = new TMap.MultiMarker({
            id: "marker-layer", //图层id
            map: map,
            styles: { //点标注的相关样式
                "marker": new TMap.MarkerStyle({
                    "width": 25,
                    "height": 35,
                    "anchor": { x: 16, y: 32 },
                    "src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
                })
            },
            geometries: [
                { //点标注数据数组
                    "id": "demo",
                    "styleId": "marker",
                    "position": new TMap.LatLng(39.984104, 116.307503),
                    "properties": {
                        "title": "marker"
                    }
                },
                { //点标注数据数组
                    "id": "demo2",
                    "styleId": "marker",
                    "position": new TMap.LatLng(39.984104, 115.307503),
                    "properties": {
                        "title": "marker"
                    }
                }
            ]
        });
</script>